html 
{
	padding : 2px;
	background-image:url(image/.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
}



/* -------------------------------- Menu supérieur --------------------------- */
.header
{
	text-align : center;
	background: rgb(0,255,255); 
	background: -moz-linear-gradient(top,  rgba(0,255,255,1) 0%, rgba(0,153,204,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	background: linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	padding : 9px;
	padding-left: 3px;
	border-top-left-radius: 100%;
	border-bottom-right-radius: 100%;
}

.header ul li
{
	display: inline;
}

.header a
{
	padding: 7px;
	color:#0B2161;

}

.header a:hover
{
	color:rgb(0,153,204);
	background-color: white;
	transition-duration: 1s;
	border:1px solid white;
	border-radius: 50%;
	text-decoration:none;

}

/* -------------------------------------------------------------------------- */












/* ------------------------------------ Accueil ---------------------------------- */

.contenuAccueil
{
	text-align:center;
	margin-top: 14em;
	margin-bottom: 14em;
}


/* ------------------------------------------------------------------------------- */





/* ------------------------------------ Plan du site ----------------------------- */

.plansite h2
{
	color:rgb(0,153,204);
}

.plansite a, .plansite ul
{
	color:rgb(0,153,204);
	
}

.plansite li
{
	padding-top : 1em;
}

.plansite a:hover
{
	color:#7B52EB;
	transition-duration: 0.7s;
	text-decoration:none;
}
/* ----------------------------------------------------------------------- */










/* -------------------------------- Connexion --------------------------- */
.formulaire
{
	padding : 5px;
	background-color: white;
	border-bottom-right-radius: 100%;
	border-left-radius : 200%;
	margin-top : 2em;
}



/* -------------------------------------------------------------------------- */



/* ---------------------------- Compte -------------------------------------- */
h3, p
{
	color:rgb(0,153,204);
}







/* ----------------------- Affichage emploi du temps edtview.php------------------------ */

caption /* Titre du tableau */
{
	margin: auto; /* Centre le titre du tableau */
   	font-family: Arial, Times, "Times New Roman", serif;
  	font-weight: bold;
  	color: #009900;
  	margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
 
table /* Le tableau en lui-même */
{
	margin-top: 1em;
  	border: 1px outset rgba(0,153,204,1); /* Bordure du tableau avec effet 3D (outset) */
   	border-collapse: collapse; /* Colle les bordures entre elles */
 	width:100%;
}


th /* Les cellules d'en-tête */
{
 	background-color: rgba(0,153,204,1);
   	color: white;
 	font-size: 1.1em;
  	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
 	border:1px solid rgba(0,153,204,1);
}

 
td /* Les cellules normales */
{
   	font-size:0.8em;
  	border: 1px solid rgba(0,153,204,1);
 	font-family: Verdana, "Trebuchet MS", Times, "Times New Roman", serif;
   	text-align: center; /* Tous les textes des cellules seront centrés*/
   	padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   	height:25px;
  	width:200px;
}


td.time
{
 	font-size:1em;
   	height:50px;
   	width:100px;
}
  
		
/* ----------------------------------------------------------------------------------- */














/* -------------------------------- Page connexion ----------------------------- */

h1,h2,h3,h4,h5,h6{ color:#563D64;}
small{ font-size:10px;}
b, strong{ font-weight:bold;}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.left { float:left; }
.right { float:right; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.clearfix:after,
form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.container 
{ 
	margin: 25px auto; position: relative; width: 900px; 
}



#content 
{
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	-webkit-box-shadow: 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff inset;
	-ms-box-shadow: 0 1px 0 #fff inset;
	-o-box-shadow: 0 1px 0 #fff inset;
	box-shadow: 0 1px 0 #fff inset;
	border: 1px solid #c4c6ca;
	margin: 0 auto;
	padding: 25px 0 0;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	width: 400px;
}

#content h1 
{
	color: #7E7E7E;
	font: bold 25px Helvetica, Arial, sans-serif;
	letter-spacing: -0.05em;
	line-height: 20px;
	margin: 10px 0 30px;
}


#content h1:before,c#content h1:after 
{
	content: "";
	height: 1px;
	position: absolute;
	top: 10px;
	width: 27%;
}


#content h1:after 
{
	background: rgb(126,126,126);
	background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}


#content h1:before 
{
	background: rgb(126,126,126);
	background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
}


#content:after,#content:before 
{
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	border: 1px solid #c4c6ca;
	content: "";
	display: block;
	height: 100%;
	left: -1px;
	position: absolute;
	width: 100%;
}

#content:after
{
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	top: 0;
	z-index: -1;
}
#content:before 
{
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	top: 0;
	z-index: -2;
}


#content form 
{ 
	margin: 0 20px; position: relative 
}


#content form input[type="text"], #content form input[type="password"] 
{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #eae7e7 url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) no-repeat;
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 15px 10px 15px 40px;
	width: 80%;
}


#content form input[type="text"]:focus, #content form input[type="password"]:focus 
{
	-webkit-box-shadow: 0 0 2px #02B8FC inset;
	-moz-box-shadow: 0 0 2px #02B8FC inset;
	-ms-box-shadow: 0 0 2px #02B8FC inset;
	-o-box-shadow: 0 0 2px #02B8FC inset;
	box-shadow: 0 0 2px #02B8FC inset;
	background-color: #fff;
	border: 1px solid #02B8FC;
	outline: none;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }



#content form input[type="submit"] {
	background: rgb(0,255,255); 
	background: -moz-linear-gradient(top,  rgba(0,255,255,1) 0%, rgba(0,153,204,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	background: linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee79a', endColorstr='#fec151',GradientType=0 );
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-o-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	border : 1px solid rgb(1, 74, 101);
	color: white;
	cursor: pointer;
	float: left;
	font: bold 15px Helvetica, Arial, sans-serif;
	height: 35px;
	margin: 20px 0 35px 15px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	width: 120px;
}
#content form input[type="submit"]:hover {
	background: rgb(0,153,204);
	background: -moz-linear-gradient(top,  rgba(0,153,204,1) 0%, rgba(0,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,153,204,1) 0%,rgba(0,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,153,204,1) 0%,rgba(0,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,153,204,1) 0%,rgba(0,255,255,1) 100%);
	background: linear-gradient(top,  rgba(0,153,204,1) 0%,rgba(0,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#fee79a',GradientType=0 );
}
#content form div a {
	color: #004a80;
    float: right;
    font-size: 12px;
    margin: 30px 15px 0 0;
    text-decoration: underline;
}

/* --------------------------------------------------------------------------------- */












/* ---------------------------- Page Qui Sommes Nous ? ------------------------------ */

.qsn h1
{
	color : rgb(0,153,204);
}
	
/* -------------------------------------------------------------------------------- */











/* -------------------------------- Footer --------------------------- */
.footer
{
	float:inherit;
	margin-top:2em;
	text-align : center;
	background: rgb(0,255,255); 
	background: -moz-linear-gradient(top,  rgba(0,255,255,1) 0%, rgba(0,153,204,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	background: linear-gradient(top,  rgba(0,255,255,1) 0%,rgba(0,153,204,1) 100%);
	padding : 7px;
	border-top-left-radius: 100%;
	border-bottom-right-radius: 100%;
}

.footer ul li
{
	display: inline;
}

.footer a
{
	padding: 5px;
	color:#0B2161;


}

.footer a:hover
{
	color:rgb(0,153,204);
	background-color: white;
	transition-duration: 1s;
	border:1px solid white;
	border-radius: 50%;
	text-decoration:none;
}
/* -------------------------------------------------------------------------- */
